---
// 快速链接
// 公司简介
// 新闻中心设计资源
// 招纳贤士
// 客户支持
const linkList = [
  {
    title: "快速链接",
  },
  {
    title: "公司简介",
  },
  {
    title: "新闻中心设计资源",
  },
  {
    title: "招纳贤士",
  },
  {
    title: "客户支持",
  },
];

const productList = [
  {
    title: "产品中心",
    path: '/plan'
  },
  {
    title: "负载点电源",
    path: '/productDetail'
  },
  {
    title: "电源控制器",
  },
  {
    title: "智能功率级芯片",
  },
  {
    title: "微电源模块",
  },
  {
    title: "智能功率电源块",
  },
];

const appList = [
  {
    title: "应用方案",
    path: '/programme',
  },
  {
    title: "汽车电子",
    path:'/automotiveElectronics'
  },
  {
    title: "工业设备",
  },
  {
    title: "数据中心",
  },
  {
    title: "光模块",
  },
  {
    title: "AI人工智能",
  },
  {
    title: "轨道交通",
  },
  {
    title: "电力电网",
  },
  {
    title: "医疗设备",
  },
];

const languageList = [
  {
    title: "语言",
  },
  {
    title: "简体中文",
  },
  {
    title: "English",
  },
];

const contactList = [
  {
    title: "联系我们",
  },
  {
    title: "浙江省杭州市滨江区西兴街道联慧街6号2栋7层",
  },
  {
    title: "电话: 0571-88258302",
  },
  {
    title: "邮箱: sales@einnosemi.com",
  },
];
import qrcode from '@assets/qrcode.png'
import logo1 from '@assets/footer/logo1.png'

---

<footer class="h-[546px] bg-222 mt-[20px]">
  <div class="bg-222">
  <div class="max-w-screen-xl mx-auto h-[546px] flex justify-around">
    <ul>
      {
        linkList.map((item, index) => {
          return (
            <li class="text-white text-[14px]  leading-[20px] mb-[10px] w-[112px]">
              {item.title}
            </li>
          );
        })
      }
    </ul>
    <ul>
      {
        productList.map((item, index) => {
          return (
            <li class="text-white text-[14px]  leading-[20px] mb-[10px]">
               <a href={item.path||'#'}>{item.title}</a>
            </li>
          );
        })
      }
    </ul>
    <ul>
      {
        appList.map((item, index) => {
          return (
            <li class="text-white text-[14px]  leading-[20px] mb-[10px]">
              <a href={item.path||'#'}>{item.title}</a>
            </li>
          );
        })
      }
    </ul>
    <ul>
      {
        languageList.map((item, index) => {
          return (
            <li class="text-white text-[14px]  leading-[20px] mb-[10px]">
              {item.title}
            </li>
          );
        })
      }
    </ul>
    <ul>
      {
        contactList.map((item, index) => {
          return (
            <li class="text-white text-[14px]  leading-[20px] mb-[10px] w-[300px]">
              {item.title}
            </li>
          );
        })
      }
      <li class="w-[160px] h-[24px] bg-brown text-white opacity-100 text-center rounded-[1px] leading-[24px] mt-[30px]">
        艾诺半导体微信公众号
      </li>
      <li class="opacity-100">
        <img src={qrcode.src} alt="" class="w-[160px] h-[160px]">
      </li>
      <li>
        关注我们，了解更多
      </li>
    </ul>
  </div>
<div class="bottom  text-white text-[14px] flex items-center justify-around pb-[30px] pt-[40px]  max-w-screen-xl mx-auto">
  <span class="flex items-center justify-around w-[350px]">
    <img src={logo1.src} alt="" class="w-[84px] h-[30px]">
    <span>杭州艾诺半导体有限公司</span>
    </span>
  <span>艾诺半导体，高性能电源管理芯片的领先者！</span>
</div>
</div>
</footer>
<style scoped lang="scss">
  .bottom{
    border-top: 1px solid #ffffff10;
  }
  ul{
    margin-top: 50px;
    padding-left: 75px;
    padding-right: 74px;
    height: 270px;
    &+&{
      border-left: 1px solid #ffffff1a;
    }
  }
  li{
    opacity: 0.6;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    min-width: 98px;
    &:hover{
      opacity: 1;
      text-decoration: underline;
      cursor: pointer;
    }

    &:first-child{
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px;
  }
  }

</style>
